<template>
	<section>
		<div class="reBusiness-in-contain">			
			<ul class="bg-white fs28rem" style="border-bottom:30px solid #f5f5f5">
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left">
					<label>单位名称：</label>
					<input type="text" placeholder="请输入单位名称" v-model="form.company_name">
				</li>
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left" >
					<label>纳税人识别码：</label>
					<input type="text" placeholder="请输入纳税人识别码" v-model="form.tax_identify_number"> 
				</li>
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left">
					<label>注册地址：</label>
					<input type="text" placeholder="请输入注册地址" v-model="form.reg_address">
				</li>
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left">
					<label>注册电话：</label>
					<input type="text" placeholder="请输入注册电话" v-model="form.reg_mobile">
				</li>
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left">
					<label>开户银行：</label>
					<input type="text" placeholder="请输入开户银行" v-model="form.bank_name">
				</li>
				<li class="pt30rem pb30rem pl30rem pr30rem border-b layout flex-left">
					<label>银行账户：</label>
					<input type="text" placeholder="请输入银行账户" v-model="form.bank_account">
				</li>
			</ul>		
			<div class="agreement flex-left pt20rem pb20rem pl30rem pr30rem border-b">
				<div class="pretty p-icon p-round p-jelly fs18" style="width:1rem">
                    <input type="checkbox" v-model="agree">
                    <div class="state p-primary">
                        <i class="icon iconfont icon-gouxuan1 mdi mdi-check bg-red"></i>
                        <label></label>
                    </div>
                </div>
                <p class="fs26rem c666 flex_1">我已阅读并同意<router-link to="/h5/rule/11" class="fs26rem red" style="text-decoration:underline">《增票资质确认书》</router-link></p>
			</div>
			<button class="submit-btn btn cxo-red radius align-center fs30rem white flex_1 block" @click="submit">确认</button>				
		</div>
	</section>
</template>

<script>	
	import { commitNvoice } from "@/api/member";
	import $toast from "@/utils/toast";

	export default{	    
		data()
		{
		    return{
		    	form:{
					uid                 : localStorage.getItem('uid'),
					company_name        : '',
					tax_identify_number : '',
					reg_address         : '',
					reg_mobile          : '',
					bank_name           : '',
					bank_account        : ''
		    	},
		    	phone   : window.localStorage.getItem('mobile'),
		    	agree : false
            }
		},
		created()
		{
			
		},
		methods:
		{
			submit()
			{
				if(!this.agree)
					return $toast('请同意确认书')

				commitNvoice(this.form).then(res => {

				})
			}
		}
	}
</script>

<style lang="less">
	.reBusiness-in-contain{
		min-height: 1334/28rem;
		label{
			display: block;
			width: 250/28rem;
		}
		input{ 
			width: 370/28rem;
			border: 1px solid transparent;
		}
		.others-textarea{
			display: block;
			width: 100%;
			background-color: #f5f5f5;
			border:transparent;
			resize: none;
		}		
		.submit-btn{
			width: 92%;
			margin: 0 auto; 
			margin-top: 50%;
		}
	}
</style>

